<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>堆糖网页</title>
		<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.css">
		<link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="icon" type="image/x-icon" href="images/20180619182220_KLEPM.png" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	</head>

	<body>
		<header>
			<div class="container">
				<nav class="navbar navbar-expand-lg navbar-light bg-light">
					<a class="navbar-brand" href="#">
						<img src="images/20180619182220_KLEPM.png" />
					</a>
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav mr-auto">
							<li class="nav-item dropdown">
								<a class="nav-link fl" href="#" role="button">
									分类
								</a>
								<div class="dropdown-menu" aria-labelledby="navbarDropdown">
									<div class="menu-top">
										<a href="#">
											<img src="images/30_03.png" />
										</a>
										<a href="#">
											<img src="images/30_05.png" />
										</a>
									</div>
									<div class="menu-bottom">
										<ul>
											<li>
												<a href="#">家具生活</a>
											</li>
											<li>
												<a href="#">美食菜谱</a>
											</li>
											<li>
												<a href="#">手工DIY</a>
											</li>
											<li>
												<a href="#">时尚搭配</a>
											</li>
											<li>
												<a href="#">美妆造型</a>
											</li>
											<li>
												<a href="#">婚纱婚礼</a>
											</li>
											<li>
												<a href="#">文字句子</a>
											</li>
											<li>
												<a href="#">插话绘画</a>
											</li>
											<li>
												<a href="#">影音书籍</a>
											</li>
											<li>
												<a href="#">人物明星</a>
											</li>
											<li>
												<a href="#">植物多肉</a>
											</li>
											<li>
												<a href="#">生活百科</a>
											</li>
											<li>
												<a href="#">搞笑萌宠</a>
											</li>
											<li>
												<a href="#">人文艺术</a>
											</li>
											<li>
												<a href="#">设计</a>
											</li>
											<li>
												<a href="#">古风</a>
											</li>
											<li>
												<a href="#">壁纸</a>
											</li>
											<li>
												<a href="#">旅行</a>
											</li>
											<li>
												<a href="#">头像</a>
											</li>
											<li>
												<a href="#">摄影</a>
											</li>
										</ul>
									</div>
								</div>
							</li>
							<li class="nav-item">
								<form class="form-inline my-2 my-lg-0">
									<input class="form-control mr-sm-2" type="search" placeholder="搜索感兴趣的内容" aria-label="Search">
									<button class="btn btn-outline-success my-2 my-sm-0" type="submit">
										<i></i>
									</button>
								</form>
							</li>
						</ul>
						<a class="navbar-brand" href="#">
							堆糖生活家
						</a>
						<a class="navbar-brand" href="#">
							注册/登录
						</a>
					</div>
				</nav>

			</div>
		</header>
		<div class="header-bottom">
			<div class="container">
				<!--下载APP-->
				<div class="app">
					<div class="row">
						<div class="col-md-4 app_left">
							<p>
								<img src="images/ewm_03.png" alt="" />
							</p>
							<p>女生必备暖心APP</p>
						</div>
						<div class="col-md-8 app_right">
							<p>手机扫一扫下载堆糖APP</p>
							<p>领取108元礼券 抽取99元现金红包</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="banner">
				<div class="row">
					<div class="col-md-9">
						<div class="banner-left">
							<div class="swiper-container">
								<div class="swiper-wrapper">
									<div class="swiper-slide">
										<img src="images/banner.png" />
									</div>
									<div class="swiper-slide">
										<img src="images/9.png" />
									</div>
									<div class="swiper-slide">
										<img src="images/8.png" />
									</div>
								</div>
								<!-- Add Arrows -->
								<!--按钮-->
								<div class="swiper-button-next"></div>
								<div class="swiper-button-prev"></div>
								<!--小点-->
								<div class="swiper-pagination"></div>
							</div>

						</div>
					</div>
					<div class="col-md-3">
						<div class="banner-right">
							<!--社区热点-->
							<div class="community">
								<h5>社区热点</h5>
							</div>
							<!--标题-->
							<div class="title">
								<ul>
									<li>
										<a href="#">欧美风</a>
									</li>
									<li>
										<a href="#">美甲</a>
									</li>
									<li>
										<a href="#">东宫</a>
									</li>
									<li>
										<a href="#">张云雷</a>
									</li>
									<li>
										<a href="#">插画</a>
									</li>
									<li>
										<a href="#">女生节</a>
									</li>
									<li>
										<a href="#">阿丽塔</a>
									</li>
									<li>
										<a href="#">猫</a>
									</li>
								</ul>
							</div>
							<!--精选工具-->
							<div class="tools">
								<p>
									<a href="#">
										<span>精选</span> 招募•少女感养成学院
									</a>
								</p>
								<p>
									<a href="#">
										<span>工具</span> 堆糖收图小助手
									</a>
								</p>
							</div>
							<!--下载-->
							<div class="download">
								<div class="row">
									<div class="col-md-4">
										<img src="images/20180606174907_WHMTS.png" alt="" />
									</div>
									<div class="col-md-8">
										<div>
											<h5>堆糖-美好生活研究院</h5>
											<p>最佳生活类应用</p>
											<button>立即下载</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--主体内容-->
			<div class="main">
				<div class="container">
					<div class="row">
						<!--每日精选-->
						<div class="col-md-2 selection">
							<p>
								<span></span>
								<a href="#">每日精选</a>
							</p>
							<p>
								<a href="#">关注动态</a>
							</p>
						</div>
						<!--动态-->
						<div class="col-md-7">
							<div class="dynamic">
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/7.png" />
											</li>
											<li>
												<h5>堆糖小喇叭</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>留下壁纸，我们就是朋友</p>
										<a href="#" class="tt">
											<img src="images/81_03.png" />
											<div class="dw">
												<p>
													<img src="images/7.png" /> 堆糖小喇叭
												</p>
												<p>
													<i></i>
													<span>文章</span>
												</p>
											</div>
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>140</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>219</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/41.png" />
											</li>
											<li>
												<h5>coloroom彩条屋</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>让观众苦等十年的《夏日友人帐》，到底是什么？</p>
										<a href="#" class="tt">
											<img src="images/82_03.png" />
											<div class="dw">
												<p>
													<img src="images/41.png" /> coloroom彩条屋
												</p>
												<p>
													<i></i> 文章
												</p>
											</div>
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>1228</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>1581</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/13.png" />
											</li>
											<li>
												<h5>美少女PINK酱</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>9.9包邮的宿舍神器，好用死了！连查寝老师都跟我要链接！</p>
										<a href="#" class="tt">
											<img src="images/82_06.png" />
											<div class="dw">
												<p>
													<img src="images/13.png" /> 美少女PINK酱
												</p>
												<p>
													<i></i> 文章
												</p>
											</div>
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>161</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>765</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/11.png" />
											</li>
											<li>
												<h5>-你是我全世界最喜欢的猪-</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>有哪些适合摘抄的 文艺且悲凉的句子？</p>
										<a href="#" class="tt">
											<img src="images/82_08.png" />
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>82</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>274</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/35.png" />
											</li>
											<li>
												<h5>干脆面炼金术式</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>人生的意义，在于一天比一天活得快乐</p>
										<a href="#" class="tt">
											<img src="images/82_10.png" />
											<div class="dw">
												<p>
													<img src="images/35.png" /> 干脆面炼金术式
												</p>
												<p>
													<i></i> 文章
												</p>
											</div>
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>54</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>104</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/7.png" />
											</li>
											<li>
												<h5>堆糖小喇叭</h5>
												<p>主题-外拍曾为你动情过</p>
											</li>
										</ul>
										<p>我曾为你动过情</p>
										<a href="#" class="tt">
											<img src="images/82_12.png" />
											<div class="dw">
												<p>
													<img src="images/7.png" /> 堆糖小喇叭
												</p>
												<p>
													<i></i> 文章
												</p>
											</div>
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>300</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>665</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/11.png" />
											</li>
											<li>
												<h5>-你是我全世界最喜欢的猪-</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>登上79所高校学生借阅排行榜的九本书。</p>
										<a href="#" class="tt">
											<img src="images/82_14.png" />
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>59</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>151</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/30.png" />
											</li>
											<li>
												<h5>情写风月</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>799风景内测美化包</p>
										<a href="#" class="tt">
											<img src="images/82_16.png" />
											<div class="dw">
												<p>
													<img src="images/30.png" /> 情写风月
												</p>
												<p>
													<i></i> 文章
												</p>
											</div>
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>35</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>22</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/28.png" />
											</li>
											<li>
												<h5>审</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>火影你们粉谁 留名我去截头像！</p>
										<a href="#" class="tt">
											<img src="images/82_18.png" />
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>9</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>1</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/13.png" />
											</li>
											<li>
												<h5>美少女PINK酱</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>初春外套美炸天！！第一件闺蜜追着我要链接！！</p>
										<a href="#" class="tt">
											<img src="images/82_20.png" />
											<div class="dw">
												<p>
													<img src="images/13.png" /> 美少女PINK酱
												</p>
												<p>
													<i></i> 文章
												</p>
											</div>
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>57</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>126</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/24.png" />
											</li>
											<li>
												<h5>少女感养成学院</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>同桌的你</p>
										<a href="#" class="tt">
											<img src="images/82_22.png" />
											<div class="dw">
												<p>
													<img src="images/24.png" /> 少女感养成学院
												</p>
												<p>
													<i></i> 文章
												</p>
											</div>
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>89</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>106</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/7.png" />
											</li>
											<li>
												<h5>堆糖小喇叭</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>我的CP真香！</p>
										<a href="#" class="tt">
											<img src="images/82_24.png" />
											<div class="dw">
												<p>
													<img src="images/7.png" /> 堆糖小喇叭
												</p>
												<p>
													<i></i> 文章
												</p>
											</div>
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>91</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>107</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/21.png" />
											</li>
											<li>
												<h5>白日做梦大熊</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>当女生也太太太太不容易了</p>
										<a href="#" class="tt">
											<img src="images/82_26.png" />
											<div class="dw">
												<p>
													<img src="images/21.png" /> 白日做梦大熊
												</p>
												<p>
													<i></i> 文章
												</p>
											</div>
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>78</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>76</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/11.png" />
											</li>
											<li>
												<h5>-你是我全世界最喜欢的猪-</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>有哪些好看 值得回味的爱情电影？</p>
										<a href="#" class="tt">
											<img src="images/82_28.png" />
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>88</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>293</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/17.png" />
											</li>
											<li>
												<h5>堆糖Class小助手</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>伴随一生的 「少女感」，拥有它一点也不难</p>
										<a href="#" class="tt">
											<img src="images/82_30.png" />
											<div class="dw">
												<p>
													<img src="images/17.png" /> 堆糖Class小助手
												</p>
												<p>
													<i></i> 文章
												</p>
											</div>
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>34</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>41</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/15.png" />
											</li>
											<li>
												<h5>飞乐鸟</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>女生千万别看这些言情小说......不然会被里面的沙雕桥段给</p>
										<a href="#" class="tt">
											<img src="images/82_32.png" />
											<div class="dw">
												<p>
													<img src="images/15.png" /> 飞乐鸟
												</p>
												<p>
													<i></i> 文章
												</p>
											</div>
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>68</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>63</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/13.png" />
											</li>
											<li>
												<h5>美少女PINK酱</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>7个私藏的小众APP，使用又有bigger，用过三款算我输！</p>
										<a href="#" class="tt">
											<img src="images/82_34.png" />
											<div class="dw">
												<p>
													<img src="images/13.png" /> 美少女PINK酱
												</p>
												<p>
													<i></i> 文章
												</p>
											</div>
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>139</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>461</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-1">
									<div class="dynamic-top">
										<ul>
											<li>
												<img src="images/11.png" />
											</li>
											<li>
												<h5>-你是我全世界最喜欢的猪-</h5>
												<p>热门内容</p>
											</li>
										</ul>
										<p>中国最全的拨弦 击弦类乐器合集 种类十分多 涨姿势了。</p>
										<a href="#" class="tt">
											<img src="images/82_36.png" />
										</a>
									</div>
									<div class="dynamic-bottom">
										<div class="row">
											<div class="col-md-4">
												<a href="#">
													<i></i>
													<span>42</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<b></b>
													<span>71</span>
												</a>
											</div>
											<div class="col-md-4">
												<a href="#">
													<span>•••</span>
													<span>更多</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="dynamic-2">
									<button>
										<a href="#">查看更多<i></i></a>
									</button>
								</div>
							</div>
						</div>
						<!--推荐关注-->
						<div class="col-md-3 attention">
							<!--推荐关注上面-->
							<div class="attention-top">
								<div class="atten">
									<h5>
										推荐关注
										<a href="#">换一批</a>
									</h5>
								</div>
								<div class="tion">
									<ul>
										<li>
											<img src="images/6.png" alt="" />
										</li>
										<li>
											<p>一望损莓苔</p>
											<p>擅长领域:手工,园艺</p>
										</li>
										<li>
											<button>
													<a href="#">关注</a>
											</button>
										</li>
									</ul>
									<ul>
										<li>
											<img src="images/4.png" alt="" />
										</li>
										<li>
											<p>猫头鹰叔叔</p>
											<p>擅长领域:摄影</p>
										</li>
										<li>
											<button>
													<a href="#">关注</a>
											</button>
										</li>
									</ul>
									<ul>
										<li>
											<img src="images/5.png" alt="" />
										</li>
										<li>
											<p>兔纸鱼</p>
											<p>擅长领域:Q版</p>
										</li>
										<li>
											<button>
													<a href="#">关注</a>
											</button>
										</li>
									</ul>
									<ul>
										<li>
											<img src="images/2.png" alt="" />
										</li>
										<li>
											<p>小熊奶黄包</p>
											<p>擅长领域:壁纸,Q版</p>
										</li>
										<li>
											<button>
													<a href="#">关注</a>
											</button>
										</li>
									</ul>
								</div>
								<!--查看更多-->
								<div class="more">
									<a href="#">查看更多 ></a>
								</div>
							</div>
							<!--推荐关注下面-->
							<div class="attention-bottom text-center">
								<h5>女生必备暖心APP</h5>
								<img src="images/ewm_03.png" alt="" />
								<p>手机扫一扫下载堆糖APP</p>
								<p>领取108元礼券 抽取99元现金红包</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer>
			<div class="container">
				<div class="footer-top text-center text-white">
					<div class="row">
						<div class="col-md-3 xz">
							<h5 class="mb-2">APP下载</h5>
							<img src="images/20190320123039_Ey8sc.png" />
							<p class="mt-3">扫描二维码</p>
							<p class="mt-2">下载堆糖手机客户端</p>
						</div>
						<div class="col-md-3">
							<h5>关于我们</h5>
							<ul>
								<li>
									<a href="#">关于我门</a>
								</li>
								<li>
									<a href="#">加入我们</a>
								</li>
								<li>
									<a href="#">联系我们</a>
								</li>
								<li>
									<a href="#">商务合作</a>
								</li>
							</ul>
						</div>
						<div class="col-md-3">
							<h5>关于我们</h5>
							<ul>
								<li>
									<a href="#">新浪微博</a>
								</li>
								<li>
									<a href="#">微信公众号</a>
								</li>
							</ul>
						</div>
						<div class="col-md-3">
							<h5>友情链接</h5>
							<div class="row">
								<div class="col-md-6">
									<p>
										<a href="#">爱物网</a>
									</p>
									<p>
										<a href="">肉丁网</a>
									</p>
								</div>
								<div class="col-md-6">
									<p>
										<a href="#">东方女性网</a>
									</p>
									<p>
										<a href="">更多..</a>
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="footer-bottom text-center text-white mt-4">
					<p>©2019 duitang.com 版权所有。沪ICP备10038086号-3 <i></i><i></i>| 增值电信业务经营许可证：浙B2-20180610 自营经营者信息</p>
					<p><b></b>上海市互联网违法和不良信息举报中心| 有害内容举报电话：021-63462282</p>
				</div>
			</div>
		</footer>
		<!--返回顶部-->
		<div id="top">↑</div>
		<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
		<script src="js/script.js"></script>
	</body>

</html>